<template>
    <view style="position: relative;">
        <slot></slot>
        <view v-if="props.show" class="fs-10 w-full flex justify-center" style="position: absolute;bottom: 0;left: 0;">
            <view class="px-6 radius-8 text-white"
                style="background: linear-gradient(to right, #FCB513, #FA4543);white-space: nowrap;">
                {{ props.label }}
            </view>
        </view>
    </view>
</template>

<script setup name="badge">
const props = defineProps({
    show: {
        type: Boolean,
        default: true
    },
    label: {
        type: String,
        default: '团长'
    }
})
</script>
